<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        input输入框
    </title>
</head>

<body>
<h3>学生信息录入</h3>
<form action="demo_01.html" method="post">
    <p>
        学校
        <input type="text" name="school" value="练习两年半学校" readonly>
    </p>
    <p>
        学生姓名
        <input type="text" name="stu_name" size="30" maxlength="5" placeholder="请输入学生姓名" required>
    </p>
    <p>
        年龄
        <input type="number" name="age" max="100" min="5" step="5" required>
    </p>
    <p>
        体重
        <input type="range" name="weight" max="100" min="30" step="0.5">
    </p>
    <p>
        邮箱
        <input type="email" name="mail" placeholder="请输入邮箱地址" required>
    </p>
    <p>
        手机号
        <input type="text" pattern="^1[3456789]\d{9}$">
    </p>
    <p>
        个人主页
        <input type="url" name="url">
    </p>
    <p>
        登录账号
        <input type="text" name="login_name" required>
    </p>
    <!-- type="password",页面隐藏数据显示 -->
    <p>
        登录密码
        <input type="password" name="pwd" required>
    </p>
    <!-- type="radio",name值相同的input框，互斥，单选 -->
    <p>
        性别
        <input type="radio" name="six" value="man" required>男
        <input type="radio" name="six" value="woman" required>女
    </p>
    <p>
        爱好
        <input type="checkbox" name="fiv" value="read" id="read">
        <label for="read">读书</label>
        <input type="checkbox" name="fiv" value="movie" id="movie">
        <label for="movie">看电影</label>
        <input type="checkbox" name="fiv" value="basketball" id="basketball">
        <label for="basketball">篮球</label>
        <input type="checkbox" name="fiv" value="dance" id="dance" disabled>
        <label for="dance">跳舞</label>
    </p>
    <p>
        国家
        <input type="radio" name="country" value="china" checked>中国
        <input type="radio" name="country" value="us">美国
    </p>
    <p>
        城市
        <select name="city">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            <option value="guangzhou" selected>广州</option>
            <option value="shenzhen">深圳</option>
        </select>
    </p>
    <p>
        个人介绍
        <textarea name="introduce" cols="15" rows="5" hidden>请填写自我介绍
        </textarea>
    </p>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>
</body>

</html>